<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<ui:composition template="/layout/applicationLayout.xhtml">
	<ui:define name="body">
		<h:form>
			<div
				style="margin-left: auto; margin-right: auto; width: 700px; height: 700px; padding-bottom: 120px;">
				<p:panel header="CADASTRO DE DONO DE PROJETO"> 
				<!-- DIV para mensagens globais -->
					<div style="height: 50px">
						<p:messages globalOnly="true" />
					</div>

					<!--  Panel para o rótulo, mensagem e campo: Nome -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Nome:" />
							<p:message for="nome" />
						</h:panelGrid>

						<p:inputText id="nome" value="#{donoProjetoBean.donoProjeto.nome}"
							size="60" />

					</h:panelGrid>

					<!--  Panel para o rótulo, mensagem e campo: E-mail -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="E-mail:" />
							<p:message for="email" />
						</h:panelGrid>

						<p:inputText id="email"
							value="#{donoProjetoBean.donoProjeto.email}" size="60" />

					</h:panelGrid>

					<!--  Panel para o rótulo, mensagem e campo: Estado -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Estado:" />
							<p:message for="estado" />
						</h:panelGrid>
						<p:selectOneMenu id="estado" required="true"
							value="#{donoProjetoBean.estadoSelecionado}"
							converter="estadoConverter" requiredMessage="Precisa ser informado(a)">
							<f:selectItem itemLabel="-- Selecione --" />
							<f:selectItems value="#{estadoBean.estados}" var="estado"
								itemValue="#{estado}" itemLabel="#{estado.nome}" />
							<p:ajax event="change" update="estado selectCidade" />
						</p:selectOneMenu>


					</h:panelGrid>

					<!--  Panel para o rótulo, mensagem e campo: Cidade -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Cidade:" />
							<p:message for="selectCidade" />
						</h:panelGrid>
						<p:selectOneMenu id="selectCidade"
							value="#{donoProjetoBean.donoProjeto.cidade}" 
							converter="cidadeConverter">
							<f:selectItem itemLabel="-- Selecione --"
								noSelectionOption="true" />
							<f:selectItems
								value="#{donoProjetoBean.estadoSelecionado.cidades}"
								var="cidade" itemValue="#{cidade}" itemLabel="#{cidade.nome}" />

						</p:selectOneMenu>


					</h:panelGrid>
					
					<!--  Panel para o rótulo, mensagem e campo: Login -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Login:" />
							<p:message for="login" />
						</h:panelGrid>
						<p:inputText id="login" value="#{donoProjetoBean.donoProjeto.login}" size="30" />


					</h:panelGrid>
					
					<!--  Panel para o rótulo, mensagem e campo: Senha -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Senha:" />
							<p:message for="senha" />
						</h:panelGrid>
						<p:password id="senha" value="#{donoProjetoBean.donoProjeto.senha}"
						size="30" />


					</h:panelGrid>
					
					<!--  Panel para o rótulo, mensagem e campo: Confirmacao Senha -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Confirmar Senha:" />
							<p:message for="confirmacaoSenha" />
						</h:panelGrid>
						<p:password  required="true" requiredMessage="Não pode ser vazio" id="confirmacaoSenha" value="#{donoProjetoBean.donoProjeto.confirmacaoSenha}"
						size="30" />


					</h:panelGrid>
                     
                     <!--  Panel para o rótulo, mensagem e campo: Descricao -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Descrição:" />
							<p:message for="descricao" />
						</h:panelGrid>
						<p:inputTextarea id="descricao" value="#{donoProjetoBean.donoProjeto.descricao}"
						rows="5" cols="60" />
					</h:panelGrid>
                                            
                   

					<p:commandButton value="Confirmar Cadastro"
						actionListener="#{donoProjetoBean.salvar()}" ajax="false" />
					<p:button value="Voltar" outcome="/login/efetuarLogin" />
				</p:panel>
			</div>
		</h:form>

	</ui:define>

</ui:composition>



</html>

